<template>
  <div>
    <van-nav-bar
        :title=page_title
        placeholder
        fixed
        left-arrow
        @click-left="goBack"
    />
    <div>
      <van-form>
        <van-cell title="收货地址" is-link :to="{path:'/my-receiving-address',query:{user_id:user_id}}" />
        <van-cell title="寄件地址" is-link :to="{path:'/my-post-address',query:{user_id:user_id}}" />
        <van-cell title="退货地址" is-link :to="{path:'/my-return-address',query:{user_id:user_id}}" />
      </van-form>
    </div>
  </div>
</template>
<style>
.demo-nav {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 56px;
  background-color: #fff;
}
.demo-nav__title {
  font-weight: 600;
  font-size: 17px;
  text-transform: capitalize;
}
</style>
<script>

export default {
  data(){
    return{
      page_title:'地址设置',
      user_id:'',
    }
  },
  created() {
    this.user_id = this.$route.query.user_id
  },
  methods:{
    goBack() {
      this.$router.push("setting");
    },
  }
}
</script>

<style scoped>

</style>